<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>HR中心</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/employment.css">
</head>

<body>
    <header class="tophead">
        <div class="w header">
            <div class="logo">
                <img src="image/logo.png" alt="logo">
            </div>
            <ul class="header-nav">
                <li>HR中心</li>
                <li class="nav-active">应聘管理</li>
                <li>职位管理</li>
                <li>发布职位</li>
                <li>入职管理</li>
                <li>管理系统</li>
            </ul>
            <div class="inform">
                <img src="image/inform.png" alt="通知">
            </div>
        </div>
    </header>
    <!-- 此处为版心,侧边与主板块共用-->
    <div class="w clearfix">
        <nav class="sidebar">
            <div class="sidebar-title">招聘管理</div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title color">候选人管理</p>
                <ul class="sidebar-pie-ul">
                    <li class="sidebar-pie-list color">已查看</li>
                    <li class="sidebar-pie-list">未查看</li>
                    <li class="sidebar-pie-list">被过滤</li>
                </ul>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">候选人管理</p>
                <ul class="sidebar-pie-ul">
                    <li class="sidebar-pie-list">已查看</li>
                    <li class="sidebar-pie-list">未查看</li>
                    <li class="sidebar-pie-list">被过滤</li>
                </ul>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">面试</p>
                <ul class="sidebar-pie-ul">
                    <li class="sidebar-pie-list">复试</li>
                    <li class="sidebar-pie-list">入职</li>
                    <li class="sidebar-pie-list">不合适</li>
                </ul>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">人才库</p>
                <ul class="sidebar-pie-ul">
                    <li class="sidebar-pie-list">已查看</li>
                    <li class="sidebar-pie-list">未查看</li>
                    <li class="sidebar-pie-list">被过滤</li>
                </ul>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">待定</p>
                <ul class="sidebar-pie-ul">
                    <li class="sidebar-pie-list">已查看</li>
                    <li class="sidebar-pie-list">未查看</li>
                    <li class="sidebar-pie-list">被过滤</li>
                </ul>
            </div>
        </nav>
        <div class="plate">
            <div class="plate-title">
                <div class="lheader">全部职位<span class="down"></span></div>
                <div class="mheader">候选人管理</div>
                <div class="search">
                    <input class="search-text" type="text" placeholder="姓名或学校">
                    <span class="search-ico"></span>
                </div>
            </div>
            <ul class="plate-select clearfix">
                <li class="condition">现居城市<span class="down"></span></li>
                <li class="condition">入职时间<span class="down"></span></li>
                <li class="condition">毕业时间<span class="down"></span></li>
                <li class="condition">学校类型<span class="down"></span></li>
                <li class="condition">性别<span class="down"></span></li>
            </ul>
            <ul class="select-result">
                <li class="select-result-list">
                    <div class="list-left">
                        <input type="checkbox" class="select">
                        <div class="headshot">
                            <img src="image/headshot.png" alt="头像" class="headshot-img">
                        </div>
                    </div>
                    <div class="list-right">
                        <div class="top-pie">
                            <div class="position-name">人力资源实习生</div>
                            <div class="resume-info">
                                <span class="send-time">投递时间:2017-7-30</span>
                                <span class="read">查看简历</span>
                            </div>
                        </div>
                        <div class="bottom-pie">
                            <div class="people-info">
                                <span class="info-top">徐安度  男  现居武汉</span>
                                <span class="info-bottom">2-3年·本科·25岁·已婚(2子)</span>
                            </div>
                            <div class="resume-ctrl">
                                <div class="call">面试邀请</div>
                                <div class="judge">
                                    <span>下载</span>
                                    <span>待定</span>
                                    <span>不合适</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="select-result-list">
                    <div class="list-left">
                        <input type="checkbox" class="select">
                        <div class="headshot">
                            <img src="image/headshot.png" alt="头像" class="headshot-img">
                        </div>
                    </div>
                    <div class="list-right">
                        <div class="top-pie">
                            <div class="position-name">人力资源实习生</div>
                            <div class="resume-info">
                                <span class="send-time">投递时间:2017-7-30</span>
                                <span class="read">查看简历</span>
                            </div>
                        </div>
                        <div class="bottom-pie">
                            <div class="people-info">
                                <span class="info-top">徐安度  男  现居武汉</span>
                                <span class="info-bottom">2-3年·本科·25岁·已婚(2子)</span>
                            </div>
                            <div class="resume-ctrl">
                                <div class="call">面试邀请</div>
                                <div class="judge">
                                    <span>下载</span>
                                    <span>待定</span>
                                    <span>不合适</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="select-result-list">
                    <div class="list-left">
                        <input type="checkbox" class="select">
                        <div class="headshot">
                            <img src="image/headshot.png" alt="头像" class="headshot-img">
                        </div>
                    </div>
                    <div class="list-right">
                        <div class="top-pie">
                            <div class="position-name">人力资源实习生</div>
                            <div class="resume-info">
                                <span class="send-time">投递时间:2017-7-30</span>
                                <span class="read">查看简历</span>
                            </div>
                        </div>
                        <div class="bottom-pie">
                            <div class="people-info">
                                <span class="info-top">徐安度  男  现居武汉</span>
                                <span class="info-bottom">2-3年·本科·25岁·已婚(2子)</span>
                            </div>
                            <div class="resume-ctrl">
                                <div class="call">面试邀请</div>
                                <div class="judge">
                                    <span>下载</span>
                                    <span>待定</span>
                                    <span>不合适</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 查看简历弹框 -->
    <div class="resume-read">
        <div class="close-alert"></div>
        <ul class="resume-flow-all">
            <li class="resume-flow readed first">简历</li>
            <li class="resume-flow">初试</li>
            <li class="resume-flow">复试</li>
            <li class="resume-flow">入职</li>
        </ul>
        <div class="people-basic">
            <div class="head-pic">
                <img src="image/headshot.png">
            </div>
            <div class="info-text">
                <p class="people-name">徐安度</p>
                <p class="tel-phone">154 8725 2014</p>
                <div class="info-pie">
                    <ul class="info-box">
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="position-apply">
            <p class="position-p">应聘职位</p>
            <div class="position-detail">
                <span class="detail-one">人力资源部</span>
                <span class="detail-two">行政部</span>
                <span class="detail-three">2k-3k</span>
            </div>
        </div>
        <div class="preview-resume">
            <div class="preview-p">简历</div>
            <div class="preview-file"></div>
        </div>
        <div class="resume-ctrl">
            <span class="notsuit">不合适</span>
            <span class="interview-btn">通知面试</span>
        </div>
    </div>
    <!-- 开始面试弹框 -->
    <div class="interview">
        <div class="close-alert"></div>
        <ul class="resume-flow-all">
            <li class="resume-flow readed first">简历</li>
            <li class="resume-flow">初试</li>
            <li class="resume-flow">复试</li>
            <li class="resume-flow">入职</li>
        </ul>
        <p class="reminder">您是面试人，请点击“开始面试”</p>
        <div class="po-btn">开始面试</div>
    </div>
    <!-- 初试弹框 -->
    <div class="main-more">
        <div class="close-alert"></div>
        <div class="more-tit">
            <ul>
                <li>简历</li>
                <li class="line">&nbsp;</li>
                <li class="active">初试</li>
                <li class="line line-link">&nbsp;</li>
                <li class="link">复试</li>
                <li class="line line-link">&nbsp;</li>
                <li class="link">入职</li>
            </ul>
        </div>
        <form>
            <div class="more-conter">
                <dl>
                    <dt><img src="image/img_06.jpg"></dt>
                    <dd>
                        <p>
                        </p>
                        <h1>周植树</h1>
                        <p></p>
                        <p>158 7474 9682</p>
                    </dd>
                </dl>
                <div>
                    <ul>
                        <li>
                            <p class="messages">女</p>
                            <p class="basics">性别</p>
                        </li>
                        <li>
                            <p class="messages">25岁</p>
                            <p class="basics">年龄</p>
                        </li>
                        <li>
                            <p class="messages">本科</p>
                            <p class="basics">学历</p>
                        </li>
                        <li>
                            <p class="messages">已婚</p>
                            <p class="basics">婚姻</p>
                        </li>
                        <li>
                            <p class="messages">2子</p>
                            <p class="basics">生育</p>
                        </li>
                        <li>
                            <p class="messages">湖北</p>
                            <p class="basics">籍贯</p>
                        </li>
                        <li>
                            <p class="messages">武汉</p>
                            <p class="basics">地址</p>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
                <div class="first-try try-layout try-width">
                    <div class="clearfix"><span class="gray-dark first-r"><label>面试人</label>&nbsp;&nbsp;</span><span class="first-l"><input name="" type="text" class="texta textb" value="印度阿三"></span></div>
                    <div><span class="gray-dark first-r">仪表态度&nbsp;&nbsp;</span><span class="first-l"> <input class="buttona no-shadow active" name="衣着整洁大方" type="button" value="衣着整洁大方">
                                        <input name="谦虚" class="buttona no-shadow" type="button" value="谦虚">
                                        <input name="诚恳" class="buttona no-shadow active" type="button" value="诚恳">
                                        <input name="庄重" class="buttona no-shadow" type="button" value="庄重">
                                        <input name="负责" class="buttona no-shadow active" type="button" value="负责">
                                    <input name="邋遢" class="buttona no-shadow" type="button" value="邋遢"></span>
                    </div>
                    <div class="clearfix"><span class="gray-dark first-r">思维反应&nbsp;&nbsp;</span><span class="first-l"> 
                                    <input name="敏捷" class="buttona no-shadow active" type="button" value="敏捷">
                                    <input name="迅速" class="buttona no-shadow" type="button" value="迅速">
                                    <input name="勤于思考" class="buttona no-shadow  active" type="button" value="勤于思考"></span>
                    </div>
                    <div class="clearfix"><span class="gray-dark first-r">语言表达&nbsp;&nbsp;</span><span class="first-l">
                                    <input name="清晰" class="buttona no-shadow" type="button" value="清晰">
                                    <input name="普通话标准" class="buttona no-shadow active" type="button" value="普通话标准">
                                    <input name="逻辑思维有条理" class="buttona no-shadow" type="button" value="逻辑思维有条理">
                                    <input name="不善于表达" class="buttona no-shadow" type="button" value="不善于表达">
                                    <input name="带方言口音" class="buttona no-shadow" type="button" value="带方言口音"> </span>
                    </div>
                    <div class="clearfix"><span class="gray-dark first-r"> 专业知识&nbsp;&nbsp;</span>
                        <span class="first-l">
                                        <input name="清晰" class="buttona no-shadow" type="button" value="清晰">
                                        <input name="普通话标准" class="buttona no-shadow active" type="button" value="普通话标准">
                                    </span></div>
                    <div class="clearfix"><span class="gray-dark first-r">人品性格&nbsp;&nbsp;</span>
                        <span class="first-l">
                                    <input name="清晰" class="buttona no-shadow" type="button" value="为人和蔼">
                                    <input name="普通话标准" class="buttona no-shadow" type="button" value="活泼">
                                    <input name="清晰" class="buttona no-shadow" type="button" value="外向">
                                    <input name="普通话标准" class="buttona no-shadow" type="button" value="内向">
                                    </span></div>
                    <div class="form-group clearfix">
                        <span class="title-text fl">岗位匹配度</span>
                        <div class="context fl">
                            <div class="select">
                                <span class="select-text">请选择</span>
                                <span class="down-icon"></span>
                                <ul class="select-option">
                                    <li>80%</li>
                                    <li>90%</li>
                                    <li>100%</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <span class="title-text fl">评估薪水</span>
                        <div class="context fl">
                            <div class="input-group fl">
                                <input type="text">
                                <span>K</span>
                            </div>
                            <div class="txt fl">到</div>
                            <div class="input-group fl no-margin">
                                <input type="text">
                                <span>K</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <span class="title-text fl">面试总结</span>
                        <div class="context fl">
                            <textarea class="text_area" name="">请输入</textarea>
                            <span class="num"><span>3</span>/5000</span>
                        </div>
                    </div>
                </div>
                <div class="entry">
                    <input class="bj-green confirm" name="确定" type="button" value="确定">
                    <input class="bj-red confirm" name="不适合" type="button" value="不适合">
                    <input class="bj-yellow confirm" name="同意入职" type="button" value="同意入职">
                </div>
            </div>
        </form>
        <div class="clearfix"></div>
    </div>
    <!-- 发起入职 -->
    <div class="resume-read" style="display: none;">
        <div class="close-alert"></div>
        <ul class="resume-flow-all">
            <li class="resume-flow readed first">简历</li>
            <li class="resume-flow">初试</li>
            <li class="resume-flow">复试</li>
            <li class="resume-flow">入职</li>
        </ul>
        <div class="people-basic">
            <div class="head-pic">
                <img src="image/headshot.png">
            </div>
            <div class="info-text">
                <p class="people-name">徐安度</p>
                <p class="tel-phone">154 8725 2014</p>
                <div class="info-pie">
                    <ul class="info-box">
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="interview-flow">
            <div class="flow-header">
                <span class="text">初试</span>
                <span class="bar"></span>
            </div>
            <div class="flow-content">
                <div class="content-bar">
                    <span class="bar-left">仪表态度</span>
                    <div class="bar-right">
                        <span>衣着大方</span>
                        <span>诚恳</span>
                        <span>负责</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">思维反应</span>
                    <div class="bar-right">
                        <span>敏捷</span>
                        <span>勤于思考</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">语言表达</span>
                    <div class="bar-right">
                        <span>清新</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">专业知识</span>
                    <div class="bar-right">
                        <span>丰富</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">人品性格</span>
                    <div class="bar-right">
                        <span>活泼</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">岗位匹配度</span>
                    <div class="bar-right">
                        <span>90%</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">评估薪水</span>
                    <div class="bar-right">
                        <span>2k-3k</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">面试总结</span>
                    <div class="bar-right">
                        <p class="summary">从专业上讲能力非常强，语言表达清晰，分析问题有条理，为人处事不够圆滑，从专业上讲能力非常强，语表达清晰，分析问题有条理。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="interview-flow">
            <div class="flow-header">
                <span class="text">复试</span>
                <span class="bar"></span>
            </div>
            <div class="flow-content">
                <div class="content-bar">
                    <span class="bar-left">仪表态度</span>
                    <div class="bar-right">
                        <span>衣着大方</span>
                        <span>诚恳</span>
                        <span>负责</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">思维反应</span>
                    <div class="bar-right">
                        <span>敏捷</span>
                        <span>勤于思考</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">语言表达</span>
                    <div class="bar-right">
                        <span>清新</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">专业知识</span>
                    <div class="bar-right">
                        <span>丰富</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">人品性格</span>
                    <div class="bar-right">
                        <span>活泼</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">岗位匹配度</span>
                    <div class="bar-right">
                        <span>90%</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">评估薪水</span>
                    <div class="bar-right">
                        <span>2k-3k</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">面试总结</span>
                    <div class="bar-right">
                        <p class="summary">从专业上讲能力非常强，语言表达清晰，分析问题有条理，为人处事不够圆滑，从专业上讲能力非常强，语表达清晰，分析问题有条理。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="resume-ctrl">
            <span class="interview-btn">发起入职</span>
        </div>
    </div>
    <!-- 不合适 -->
    <div class="resume-read" style="display: block;">
        <div class="close-alert"></div>
        <ul class="resume-flow-all">
            <li class="resume-flow readed first">简历</li>
            <li class="resume-flow">初试</li>
            <li class="resume-flow">复试</li>
            <li class="resume-flow">不合适</li>
        </ul>
        <div class="people-basic">
            <div class="head-pic">
                <img src="image/headshot.png">
            </div>
            <div class="info-text">
                <p class="people-name">徐安度</p>
                <p class="tel-phone">154 8725 2014</p>
                <div class="info-pie">
                    <ul class="info-box">
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                        <li class="info-list">
                            <div class="list-icon">女</div>
                            <p class="list-state">性别</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="interview-flow">
            <div class="flow-header">
                <span class="text">初试</span>
                <span class="bar"></span>
            </div>
            <div class="flow-content">
                <div class="content-bar">
                    <span class="bar-left">仪表态度</span>
                    <div class="bar-right">
                        <span>衣着大方</span>
                        <span>诚恳</span>
                        <span>负责</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">思维反应</span>
                    <div class="bar-right">
                        <span>敏捷</span>
                        <span>勤于思考</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">语言表达</span>
                    <div class="bar-right">
                        <span>清新</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">专业知识</span>
                    <div class="bar-right">
                        <span>丰富</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">人品性格</span>
                    <div class="bar-right">
                        <span>活泼</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">岗位匹配度</span>
                    <div class="bar-right">
                        <span>90%</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">评估薪水</span>
                    <div class="bar-right">
                        <span>2k-3k</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">面试总结</span>
                    <div class="bar-right">
                        <p class="summary">从专业上讲能力非常强，语言表达清晰，分析问题有条理，为人处事不够圆滑，从专业上讲能力非常强，语表达清晰，分析问题有条理。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="interview-flow">
            <div class="flow-header">
                <span class="text">复试</span>
                <span class="bar"></span>
            </div>
            <div class="flow-content">
                <div class="content-bar">
                    <span class="bar-left">仪表态度</span>
                    <div class="bar-right">
                        <span>衣着大方</span>
                        <span>诚恳</span>
                        <span>负责</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">思维反应</span>
                    <div class="bar-right">
                        <span>敏捷</span>
                        <span>勤于思考</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">语言表达</span>
                    <div class="bar-right">
                        <span>清新</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">专业知识</span>
                    <div class="bar-right">
                        <span>丰富</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">人品性格</span>
                    <div class="bar-right">
                        <span>活泼</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">岗位匹配度</span>
                    <div class="bar-right">
                        <span>90%</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">评估薪水</span>
                    <div class="bar-right">
                        <span>2k-3k</span>
                    </div>
                </div>
                <div class="content-bar">
                    <span class="bar-left">面试总结</span>
                    <div class="bar-right">
                        <p class="summary">从专业上讲能力非常强，语言表达清晰，分析问题有条理，为人处事不够圆滑，从专业上讲能力非常强，语表达清晰，分析问题有条理。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="resume-ctrl">
            <span class="interview-btn">发起入职</span>
        </div>
    </div>
    <!-- 提交确认弹框 -->
    <div class="submit-alert">
        <div class="wicket">
            <p>是否提交周指数的信息？</p>
            <div class="confirm-ctrl">
                <button class="btn no">取消</button>
                <button class="btn">确认</button>
            </div>
        </div>
    </div>
    <!-- 入职确认弹框 -->
    <div class="submit-alert">
        <div class="wicket">
            <p>是否确认提交？</p>
            <div class="confirm-ctrl">
                <button class="btn no">取消</button>
                <button class="btn">确认</button>
            </div>
        </div>
    </div>
    <script src="js/lib/jquery-3.2.1.js"></script>
    <script src="js/lib/bootstrap.min.js"></script>
</body>

</html>